<html>
  <head>
    <style media="screen">
      div { color: blue; }
      div:hover { color: orange; }
    </style>
  </head>
  <body>
    <div style="height: 300%; position: relative;">
      <div id="top" style="position: absolute; top: 0;">top</div>
      <div id="center" style="position: absolute; top: 50%;">Center</div>
      <div id="bottom" style="position: absolute; top: 100%;">bottom</div>
    </div>
  </body>
</html>
